<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 数组的方法 都会改变原本的数组
        // var arr = [1,2,3,4];
        // // // arr.push(5);
        // // arr.splice(1,1);
        // // console.log(arr);

        // for(var i=0;i<arr.length;i++){
        //     // arr.push(5);
        // }

        // console.log(arr);

        /* 
            第一次 ： i = 0; arr = [1,2,3,4] length = 4;   i<4 arr-->arr= [1,2,3,4,5];
            第二次 ： i =1  arr=  [1,2,3,4,5] length = 5; 1<5  arr--> arr = [1,2,3,4,5,5];

        
        */


        // var arr = [1,2,3,4];
        // for(var i=0;i<arr.length;i++){
        //     arr.splice(i,1);
        // }
        // console.log(arr);


        /* 
        第一次  i = 0  arr = [1,2,3,4]  length = 4   0<4  --->  arr.splice(0,1)--->arr= [2,3,4];
        第二次 i = 1  arr = [2,3,4] length = 3  1<3  --->arr.splice(1,1)--->arr = [2,4]
        第三次 i = 2  arr = [2,4]  length = 2  2=2 循环停止了；  
        */




        var arr = [1,2,3,4];
        for(var i=0;i<arr.length;i++){
            arr.splice(i,1);
            i--;
        }
        console.log(arr);

  /* 
        第一次  i = 0  arr = [1,2,3,4]  length = 4   0<4  --->  arr.splice(0,1)--->arr= [2,3,4];i-- -->i= 0
        第二次 i = 0  arr = [2,3,4] length = 3  0<3  --->arr.splice(0,1)--->arr = [3,4] -->i--  -->0
        第三次 i = 0  arr = [3,4]  length = 2  0<2 --->arr.splice(0,1)--->arr= [4] -->1  -->i-- --->0
        第四次 i = 0  arr = [4] length = 1  0<1  ---》arr.splice(0,1) --->arr = []; --->0
        第五次 i = 0  arr = []  length = 0 0=0 循环停止；
        */

    </script>
</body>
</html>